<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/project.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
   
    <title>项目</title>
    <style>
       html,body{
         scroll-behavior: smooth;
       }
    </style>
</head>
<body>
   <div class="head">
      <div class="head-c">
          <a href="index.html">
              <img src="img/logo.png" alt="">
          </a>
          <ul class=" head-nav">
              
               <li class="nav-item">
                  <a href="index.html">首页</a>
                  <span class="line "></span>
               </li>  
               <li class="nav-item  nav-item1">
                  <a href="project.html">项目</a>
                  <span class="line"></span>
               </li> 
               <li class="nav-item">
                  <a href="product.html">产品</a>
                  <span class="line"></span>
               </li> 
               <li class="nav-item">
                  <a href="service.html">服务</a>
                  <span class="line"></span>
               </li> 
               <li class="nav-item">
                  <a href="news.html">新闻</a>
                  <span class="line"></span>
               </li>    
               <li class="nav-item mag0" >
                  <a href="about.html">关于</a>
                  <span class="line"></span>
               </li> 
              
              
          </ul>            

      </div>
  </div>
  <div class="banner">
     <img src="img/img/图层 543banner.png" alt="">
  </div>
  <div class="main-c">
  <div class="home" id="home1">
      <div class="head">
         <div class="title">
            <span>您的位置：项目 </span> >
            <span class="blue">项目展示</span>
         </div>
         <div class="nav">
            <ul>
               <li>
                   <a href="#home1" class="item item1">家居</a>
                   <div class="line1"></div>
               </li>
               <span class="item-line"></span>
               <li>
                   <a href="#office1" class="item">办公</a>
                   <!-- <div class="line1"></div> -->
               </li>
               <span class="item-line"></span>
               <li>
                   <a href="#food1" class="item">餐饮</a>
                   <!-- <div class="line1"></div> -->
               </li>
               <span class="item-line"></span>
               <li>
                   <a href="#more1" class="item">MORE</a>
                   <!-- <div class="line1"></div> -->
               </li>
               <!-- <span class="item-line"></span> -->
          </ul>
         </div>
      </div>
      <div class="bd">
         <div class="pp-box">
                    
            <img src="img/img/zst1.jpg" class="img1 alt="">
            <p class="city">Marylebone公寓室内改造 上海</p>
            <p class="text">木隔墙创造出简约的生活空间</p>
            <div class="btn"><img src="img/img/btn1.png" alt=""></div>
            <!-- <div class="mask">
                <p class="ms-city">Marylebone公寓室内改造 上海</p>
                <p class="ms-desc">木隔墙创造出简约的生活空间</p>
                <p class="ms-desc"><br>
                    两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                    式厨房、餐厅和起居室空间和谐共融。</p>
                    <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
            </div> -->
        </div>
        <div class="pp-box">
            <img src="img/img/zst2.jpg" class="img1 alt="">
            <p class="city">月见棱廓 北京</p>
            <p class="text">舒适而注重情感交流的小住宅</p>
            <div class="btn"><img src="img/img/btn1.png" alt=""></div>
            <!-- <div class="mask">
                <p class="ms-city">Marylebone公寓室内改造 上海</p>
                <p class="ms-desc">木隔墙创造出简约的生活空间</p>
                <p class="ms-desc"><br>
                    两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                    式厨房、餐厅和起居室空间和谐共融。</p>
                    <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
            </div> -->
        </div>
        <div class="pp-box mgr0">
            <img src="img/img/zst3.jpg" class="img1" alt="">
            <p class="city">亭仔脚 台北</p>
            <p class="text">生活记忆的延续</p>
            <div class="btn"><img src="img/img/btn1.png" alt=""></div>
            <!-- <div class="mask">
                <p class="ms-city">Marylebone公寓室内改造 上海</p>
                <p class="ms-desc">木隔墙创造出简约的生活空间</p>
                <p class="ms-desc"><br>
                    两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                    式厨房、餐厅和起居室空间和谐共融。</p>
                    <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
            </div> -->
        </div>
        <div class="pp-box">
                    
         <img src="img/pj-img/jj4.jpg" class="img1 alt="">
         <p class="city">藏式民居改造 拉萨</p>
         <p class="text">兼顾藏族传统精神生活的现代住宅</p>
         <div class="btn"><img src="img/img/btn1.png" alt=""></div>
         <!-- <div class="mask">
             <p class="ms-city">Marylebone公寓室内改造 上海</p>
             <p class="ms-desc">木隔墙创造出简约的生活空间</p>
             <p class="ms-desc"><br>
                 两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                 式厨房、餐厅和起居室空间和谐共融。</p>
                 <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
         </div> -->
     </div>
     <div class="pp-box">
         <img src="img/pj-img/jj5.jpg" class="img1 alt="">
         <p class="city">白虎头村老宅改造 北京</p>
         <p class="text">老宅，院落，远山</p>
         <div class="btn"><img src="img/img/btn1.png" alt=""></div>
         <!-- <div class="mask">
             <p class="ms-city">Marylebone公寓室内改造 上海</p>
             <p class="ms-desc">木隔墙创造出简约的生活空间</p>
             <p class="ms-desc"><br>
                 两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                 式厨房、餐厅和起居室空间和谐共融。</p>
                 <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
         </div> -->
     </div>
     <div class="pp-box mgr0">
         <img src="img/pj-img/jj6.jpg" class="img1" alt="">
         <p class="city">Florentine公寓 杭州</p>
         <p class="text">两种色调与两种氛围的居住空间</p>
         <div class="btn"><img src="img/img/btn1.png" alt=""></div>
         <!-- <div class="mask">
             <p class="ms-city">Marylebone公寓室内改造 上海</p>
             <p class="ms-desc">木隔墙创造出简约的生活空间</p>
             <p class="ms-desc"><br>
                 两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                 式厨房、餐厅和起居室空间和谐共融。</p>
                 <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
         </div> -->
     </div>
      </div>
  </div>
  
  <div class="office" id="office1">
      <div class="head">
         <div class="title">
            <span>您的位置：项目 </span> >
            <span class="blue"> 项目展示</span>
         </div>
         <div class="nav">
            <ul>
               <li>
                  <a href="#home1" class="item ">家居</a>
                  <!-- <div class="line1"></div> -->
               </li>
               <span class="item-line"></span>
               <li>
                  <a href="#office1" class="item item1">办公</a>
                  <div class="line1"></div>
               </li>
               <span class="item-line"></span>
               <li>
                  <a href="#food1" class="item">餐饮</a>
                  <!-- <div class="line1"></div> -->
               </li>
               <span class="item-line"></span>
               <li>
                  <a href="#more1" class="item">MORE</a>
                  <!-- <div class="line1"></div> -->
               </li>
               <!-- <span class="item-line"></span> -->
         </ul>
         </div>
      </div>
      <div class="bd">
         <div class="pp-box">
                    
            <img src="img/pj-img/bg1.jpg" class="img1 alt="">
            <p class="city">Olste办公空间 深圳</p>
            <p class="text">干净明亮的办公空间</p>
            <div class="btn"><img src="img/img/btn1.png" alt=""></div>
            <!-- <div class="mask">
                <p class="ms-city">Marylebone公寓室内改造 上海</p>
                <p class="ms-desc">木隔墙创造出简约的生活空间</p>
                <p class="ms-desc"><br>
                    两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                    式厨房、餐厅和起居室空间和谐共融。</p>
                    <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
            </div> -->
        </div>
        <div class="pp-box">
            <img src="img//pj-img/bg2.jpg" class="img1 alt="">
            <p class="city">百分金融办公室 北京</p>
            <p class="text">从“私密”到“开放”</p>
            <div class="btn"><img src="img/img/btn1.png" alt=""></div>
            <!-- <div class="mask">
                <p class="ms-city">Marylebone公寓室内改造 上海</p>
                <p class="ms-desc">木隔墙创造出简约的生活空间</p>
                <p class="ms-desc"><br>
                    两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                    式厨房、餐厅和起居室空间和谐共融。</p>
                    <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
            </div> -->
        </div>
        <div class="pp-box mgr0">
            <img src="img//pj-img/bg3.jpg" class="img1" alt="">
            <p class="city">感物办公空间 杭州</p>
            <p class="text">我和我的森林性感受</p>
            <div class="btn"><img src="img/img/btn1.png" alt=""></div>
            <!-- <div class="mask">
                <p class="ms-city">Marylebone公寓室内改造 上海</p>
                <p class="ms-desc">木隔墙创造出简约的生活空间</p>
                <p class="ms-desc"><br>
                    两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                    式厨房、餐厅和起居室空间和谐共融。</p>
                    <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
            </div> -->
        </div>
       
     </div>
      <!-- </div> -->
  </div>
  <div class="food" id="food1">
      <div class="head">
         <div class="title">
            <span>您的位置：项目 </span> >
            <span class="blue">项目展示</span>
         </div>
         <div class="nav">
            <ul>
               <li>
                  <a href="#home1" class="item ">家居</a>
                  <!-- <div class="line1"></div> -->
               </li>
               <span class="item-line"></span>
               <li>
                  <a href="#office1" class="item">办公</a>
                  <!-- <div class="line1"></div> -->
               </li>
               <span class="item-line"></span>
               <li>
                  <a href="#food1" class="item item1">餐饮</a>
                  <div class="line1"></div>
               </li>
               <span class="item-line"></span>
               <li>
                  <a href="#more1" class="item">MORE</a>
                  <!-- <div class="line1"></div> -->
               </li>
               <!-- <span class="item-line"></span> -->
         </ul>
         </div>
      </div>
      <div class="bd">
         <div class="pp-box">
                    
            <img src="img/pj-img/cy1.jpg" class="img1 alt="">
            <p class="city">肯德基西安大雁塔店 西安</p>
            <p class="text">以现代语言讲述古城历史文化</p>
            <div class="btn"><img src="img/img/btn1.png" alt=""></div>
            <!-- <div class="mask">
                <p class="ms-city">Marylebone公寓室内改造 上海</p>
                <p class="ms-desc">木隔墙创造出简约的生活空间</p>
                <p class="ms-desc"><br>
                    两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                    式厨房、餐厅和起居室空间和谐共融。</p>
                    <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
            </div> -->
        </div>
        <div class="pp-box">
            <img src="img/pj-img/cy2.jpg" class="img1 alt="">
            <p class="city">La Palma餐厅 重庆 </p>
            <p class="text">将加州海滩元素融入意式餐厅</p>
            <div class="btn"><img src="img/img/btn1.png" alt=""></div>
            <!-- <div class="mask">
                <p class="ms-city">Marylebone公寓室内改造 上海</p>
                <p class="ms-desc">木隔墙创造出简约的生活空间</p>
                <p class="ms-desc"><br>
                    两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                    式厨房、餐厅和起居室空间和谐共融。</p>
                    <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
            </div> -->
        </div>
        <div class="pp-box mgr0">
            <img src="img/pj-img/cy3.jpg" class="img1" alt="">
            <p class="city">LUCKY PIGGY 杭州</p>
            <p class="text">亲和力满满的轻食餐厅</p>
            <div class="btn"><img src="img/img/btn1.png" alt=""></div>
            <!-- <div class="mask">
                <p class="ms-city">Marylebone公寓室内改造 上海</p>
                <p class="ms-desc">木隔墙创造出简约的生活空间</p>
                <p class="ms-desc"><br>
                    两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                    式厨房、餐厅和起居室空间和谐共融。</p>
                    <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
            </div> -->
        </div>
       
     </div>
  </div>
  <div class="more" id="more1">
      <div class="head">
         <div class="title">
            <span>您的位置：项目 </span> >
            <span class="blue">项目展示</span>
         </div>
         <div class="nav">
            <ul>
               <li>
                  <a href="#home1" class="item ">家居</a>
                  <!-- <div class="line1"></div> -->
               </li>
               <span class="item-line"></span>
               <li>
                  <a href="#office1" class="item">办公</a>
                  <!-- <div class="line1"></div> -->
               </li>
               <span class="item-line"></span>
               <li>
                  <a href="#food1" class="item">餐饮</a>
                  <!-- <div class="line1"></div> -->
               </li>
               <span class="item-line"></span>
               <li>
                  <a href="#more1" class="item item1">MORE</a>
                  <div class="line1"></div>
               </li>
               <!-- <span class="item-line"></span> -->
         </ul>
         </div>
      </div>
      <div class="bd">
         <div class="pp-box">
                    
            <img src="img/pj-img/gd1.jpg" class="img1 alt="">
            <p class="city">筑蹊生活主题书店 宁波</p>
            <p class="text">有机几何与循环路径的购书体验</p>
            <div class="btn"><img src="img/img/btn1.png" alt=""></div>
            <!-- <div class="mask">
                <p class="ms-city">Marylebone公寓室内改造 上海</p>
                <p class="ms-desc">木隔墙创造出简约的生活空间</p>
                <p class="ms-desc"><br>
                    两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                    式厨房、餐厅和起居室空间和谐共融。</p>
                    <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
            </div> -->
        </div>
        <div class="pp-box">
            <img src="img/pj-img/gd2.jpg" class="img1 alt="">
            <p class="city">R FITNESS健身工作室 香港</p>
            <p class="text">由光定义的空间</p>
            <div class="btn"><img src="img/img/btn1.png" alt=""></div>
            <!-- <div class="mask">
                <p class="ms-city">Marylebone公寓室内改造 上海</p>
                <p class="ms-desc">木隔墙创造出简约的生活空间</p>
                <p class="ms-desc"><br>
                    两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                    式厨房、餐厅和起居室空间和谐共融。</p>
                    <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
            </div> -->
        </div>
        <div class="pp-box mgr0">
            <img src="img/pj-img/gd3.jpg" class="img1" alt="">
            <p class="city">月饼博物馆 乌兰察布</p>
            <p class="text">一个本地材料营造的低成本博物馆</p>
            <div class="btn"><img src="img/img/btn1.png" alt=""></div>
            <!-- <div class="mask">
                <p class="ms-city">Marylebone公寓室内改造 上海</p>
                <p class="ms-desc">木隔墙创造出简约的生活空间</p>
                <p class="ms-desc"><br>
                    两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                    式厨房、餐厅和起居室空间和谐共融。</p>
                    <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
            </div> -->
        </div>
       
     </div>
  </div></div>
  <div class="footer">
   <div class="footer-c">
       <div class="ft-left">
           <p class="ft-text">简设装饰有限公司</p>
           <div class="ft-logo">
               <img src="img/img/qq.png" alt="">&nbsp;
               <img src="img/img/wb.png" alt="">&nbsp;
               <img src="img/img/wx.png" alt="">&nbsp;
           </div>
       </div>
       <div class="ft-center">
           <p class="ft-text">地址：中国地区**分区6号写字楼888室</p>
           <p class="ft-text">电话：688-8888-008</p>
           <p class="ft-text">传真：000-66668888</p>
       </div>
       <div class="ft-right">
           <p class="ft-text">邮编：100000 </p>
           <p class="ft-text">手机：186-6006-8008</p>
           <p class="ft-text">邮箱：00060008@163.com</p>
       </div>
   </div>
</div>
</body>
</html>